/**
 * 公共样式
 * 补充一些colorUI没有但是设计图常用的样式
 * 一些兼容性样式等
 */
page {
    background: #F8F8F8;
    min-height: 100%;
}


[v-cloak] {
    display: none;
}

.text-333 {
    color: #333333;
}

.text-666 {
    color: #666666;
}

.text-999 {
    color: #999999;
}

.text-bf {
    color: #BFBFBF;
}

.text-through {
    text-decoration: line-through;
}

.text-weight-400 {
    font-weight: 400;
}

.text-weight-500 {
    font-weight: 500;
}

.text-weight-600 {
    font-weight: 600;
}

.text-weight-700 {
    font-weight: 700;
}

.text-cut-2,
.text-cut-3,
.text-cut-4,
.text-cut-5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

.text-cut-2 {
    -webkit-line-clamp: 2;
}

.text-cut-3 {
    -webkit-line-clamp: 3;
}

.text-cut-4 {
    -webkit-line-clamp: 4;
}

.text-cut-5 {
    -webkit-line-clamp: 5;
}

.height-88 {
    height: 88rpx;
}

.height-100 {
    height: 100rpx;
}

.safeArea-bottom {
    padding-bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.bg-theme {
    background: $bgtheme;
}

.text-theme,
.line-theme,
.lines-theme {
    color: $theme!important;
}

.line-theme::after,
.lines-theme::after {
    border-color: $theme!important;
}

.overHidden {
    overflow: hidden;
}

.word-break-all {
    word-break: break-all;
}

.placeholderClass {
    font-size: 32rpx;
    color: #BFBFBF;
}

.checkboxScale {
    transform: scale(0.65);
}
//................   liuxu 新增    start   ....................
.border-box{
   box-sizing: border-box;
}
.line-block{
  display: inline-block;
}
.block {
  display: block;
}
.space-2{
   letter-spacing: 2rpx;
}
.space-3{
   letter-spacing: 3rpx;
}
.space-4{
   letter-spacing: 4rpx;
}

//  字体类型
.font-f-ps{
	font-family: PingFang SC;
}
.font-f-shsc{
   font-family: Source Han Sans CN;
}
.font-f-ahs{
   font-family: Adobe Heiti Std;
}
.font-f-my{
   font-family: Microsoft YaHei;
}
.font-f-pf {
  font-family: PingFang SC-Medium, PingFang SC;
}
.font-f-lb{
  font-family: Lato-Bold, Lato;
}


//  字体重量
.font-w-400{
   font-weight: 400;
}
.font-w-500{
   font-weight: 500;
}
.font-w-550{
   font-weight: 550;
}
.font-w-800{
   font-weight: 800;
}
.font-w-bold{
	font-weight: bold;
}

// 字体大小   
@for $i from 12 through 60 {
	// 只要双数
  @if $i % 2 == 0 {
    .font-#{$i}{
      font-size: $i + rpx;
    }
  }
}

// 字体颜色
.font-c-black{
  color: #000000;
}
.font-c-000{
   color:#000;
}
.font-c-333{
   color:#333;
}
.font-c-666{
   color:#666;
}
.font-c-777{
   color:#777;
}
.font-c-999{
   color:#999;
}
.font-c-90E{
   color: #13790E;
}
.font-c-fff{
   color: #fff;
}
.font-c-48{
  color: #484848;
}

.font-c-7dd{
  color: #4177DD;
}
.font-c-03E{
  color: #FF603E;
}
.font-c-dfd{
  color: #46CDFD;
}
.font-c-6ff {
  color: #48D6FF;
}
.font-c-df5{
  color:#51bdf5;
}
.font-c-bff {
  color: #a68bff;
}
.font-c-778 {
  color: #21B778;
}
.font-c-cfe{
  color: #2CFCFE;
}
.font-c-489{
  color:#517489;
}
.font-c-397{
  color:#0A5397;
}
.font-c-bf{
  color:#BFBFBF;
}

//字体修饰
.font-left {
  text-align: left;
}
.font-right {
  text-align: right;
}
.font-center {
  text-align: center;
}
/* 文字划线 */
.font-through {
  text-decoration: line-through;
}
/*斜体*/
.font-italic {
  font-style: italic;
} 


// 元素宽度
.span-1 {
  width: 5%;
}
.span-2 {
  width: 10%;
}
.span-3 {
  width: 15%;
}
.span-4 {
  width: 20%;
}
.span-5 {
  width: 25%;
}
.span-6 {
  width: 30%;
}
.span-7 {
  width: 35%;
}
.span-8 {
  width: 40%;
}
.span-9 {
  width: 45%;
}
.span-10 {
  width: 50%;
}
.span-11 {
  width: 55%;
}
.span-12 {
  width: 60%;
}
.span-13 {
  width: 65%;
}
.span-14 {
  width: 70%;
}
.span-15 {
  width: 75%;
}
.span-16 {
  width: 80%;
}
.span-17 {
  width: 85%;
}
.span-18 {
  width: 90%;
}
.span-19 {
  width: 95%;
}
.span-20 {
  width: 100%;
}

// 内外边距
.m-t-2{
   margin-top: 2rpx;
}
.m-t-8{
   margin-top: 8rpx;
}
.m-t-20{
   margin-top: 20rpx;
}
.m-t-22{
   margin-top: 22rpx;
}
.m-t-24{
   margin-top: 24rpx;
}
.m-t-30{
   margin-top: 30rpx;
}
.m-t-32{
   margin-top: 32rpx;
}
.m-t-40 {
  margin-top: 40rpx;
}
.m-b-10{
   margin-top: 10rpx;
}
.m-b-18{
   margin-top: 18rpx;
}
.m-b-20{
   margin-bottom: 20rpx;
}
.m-b-24{
   margin-bottom: 24rpx;
}
.m-b-30{
   margin-bottom: 30rpx;
}
.m-b-32{
   margin-bottom: 32rpx;
}

.m-l-5{
   margin-left: 5rpx;
}
.m-l-10{
   margin-left: 10rpx;
}
.m-l-15{
   margin-left: 15rpx;
}
.m-l-20{
   margin-left: 20rpx;
}
.m-l-30{
   margin-left: 30rpx;
}

.m-r-5{
   margin-right: 5rpx;
}
.m-r-10{
   margin-right: 10rpx;
}
.m-r-15{
   margin-right: 15rpx;
}
.m-r-18{
   margin-right: 18rpx;
}
.m-r-20{
   margin-right: 20rpx;
}
.m-r-23{
   margin-right: 23rpx;
}
.m-r-30{
   margin-right: 30rpx;
}

.m-b-20{
   margin-bottom: 20rpx;
}
.m-auto{
   margin: 0 auto;
}
.m-l-auto{
  margin-left:auto ;
}


.p-l-5{
	padding-left: 5rpx;
}
.p-r-5{
	padding-right: 5rpx;
}
.p-lr-5 {
  padding-right: 5rpx;
  padding-left: 5rpx;
}
.p-lr-8{
  padding: 0 6rpx;
}
.p-l-10{
	padding-left: 10rpx;
}
.p-r-10{
	padding-right: 10rpx;
}
.p-lr-10{
  padding: 0 10rpx;
}
.p-l-18{
	padding-left: 18rpx;
}
.p-r-18{
	padding-right: 18rpx;
}
.p-l-23{
	padding-left: 23rpx;
}
.p-r-23{
	padding-right: 23rpx;
}
.p-lr-23{
	padding-left: 23rpx;
	padding-right: 23rpx;
}
.p-l-24{
	padding-left: 24rpx;
}
.p-r-24{
	padding-right: 24rpx;
}
.p-lr-24{
	padding-left: 24rpx;
	padding-right: 24rpx;
}
.p-lr-40{
   padding-left: 40rpx;
   padding-right: 40rpx;
}

.p-t-10{
   padding-top: 10rpx;
}
.p-t-16{
   padding-top: 16rpx;
}
.p-t-17{
   padding-top: 17rpx;
}
.p-t-19{
   padding-top: 19rpx;
}
.p-t-20{
   padding-top: 20rpx;
}
.p-t-23{
	padding-top: 23rpx;
}
.p-t-24{
	padding-top: 24rpx;
}
.p-t-28{
	padding-top: 28rpx;
}
.p-b-10{
   padding-bottom: 10rpx;
}
.p-b-23{
	padding-bottom: 23rpx;
}
.p-b-24{
	padding-bottom: 24rpx;
}
.p-tb-23{
	padding-top: 23rpx;
	padding-bottom: 23rpx;
}
.p-tb-24{
	padding-top: 24rpx;
	padding-bottom: 24rpx;
}
.p-l-30{
   padding-left: 30rpx;
}
.p-r-30{
   padding-right: 30rpx;
}
.p-t-30{
   padding-top: 30rpx;
}
.p-b-30{
   padding-bottom: 30rpx;
}
.p-t-40 {
  padding-top: 40rpx;
}
.p-b-40{
  padding-bottom: 40rpx;
}

//  弹性布局
.flex {
  display: flex;
}

.flex-1 {
  flex:1;
  //等同于 三项结合
  // flex-grow:1;
  // flex-shrink:1;
  // flex-basis:0%;
}
.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-direction,.flex-column {
  flex-direction: column;
}
.justify-start{
	justify-content: flex-start;
}
.justify-end{
	justify-content: flex-end;
}
.justify-between{
	justify-content: space-between;
}
.justify-around{
	justify-content: space-around;
}
.align-center{
	align-items: center;
}
.align-start{
	align-items: flex-start;
}
.align-end{
	align-items: flex-end;
}
.flex-shink {
  flex-shrink: 0;
}
.flex-shink-1 {
  flex-shrink: 1;
}
.flex-shink-2 {
  flex-shrink: 2;
}
.flex-grow{
  flex-grow: 0;
}
.flex-grow-1{
  flex-grow: 1;
}
.flex-grow-2{
  flex-grow: 2;
}

// 定义圆角，历遍1-50
@for $i from 0 through 50 {
	// 只要双数和能被5除尽的数
  @if $i % 2 == 0 or $i % 5 == 0 {
    .radius-#{$i}{
      border-radius: $i + rpx;
    }
  }
}

//定位方式
.position-relative{
  position: relative;
  position: absolute;
}
.position-absolute{
  position: absolute;
}
.right-0{
  right: 0;
}
.left-0{
  left: 0;
}
.top-0{
  top: 0;
}
.bottom-0{
  bottom: 0;
}
switch.theme[checked] .wx-switch-input,
checkbox.theme[checked] .wx-checkbox-input,
radio.theme[checked] .wx-radio-input,
switch.theme.checked .uni-switch-input,
checkbox.theme.checked .uni-checkbox-input,
radio.theme.checked .uni-radio-input {
    background: $theme!important;
    border-color: $theme!important;
    color: #ffffff!important;
}

uni-switch.green[checked] .wx-switch-input,
uni-checkbox.green[checked] .wx-checkbox-input,
uni-checkbox[checked] .wx-checkbox-input,
uni-radio.green[checked] .wx-radio-input,
uni-switch.green.checked .uni-switch-input,
uni-switch.checked .uni-switch-input,
uni-checkbox.green.checked .uni-checkbox-input,
uni-checkbox.checked .uni-checkbox-input,
uni-radio.green.checked .uni-radio-input,
uni-radio.checked .uni-radio-input {
    background-color: $theme !important;
    color: #ffffff !important;
    border-color: $theme !important;
}

uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
    border-color: $theme !important;
}
switch.red[checked] .wx-switch-input.wx-switch-input-checked,
checkbox.red[checked] .wx-checkbox-input,
radio.red[checked] .wx-radio-input,
switch.red.checked .uni-switch-input.uni-switch-input-checked,
checkbox.red.checked .uni-checkbox-input,
radio.red.checked .uni-radio-input {
  background-color: $theme !important;
  border-color: $theme !important;
  color: #ffffff !important;
}
switch.olive[checked] .wx-switch-input,
checkbox.olive[checked] .wx-checkbox-input,
radio.olive[checked] .wx-radio-input,
switch.olive.checked .uni-switch-input,
checkbox.olive.checked .uni-checkbox-input,
radio.olive.checked .uni-radio-input {
  background-color: $theme !important;
  border-color: $theme !important;
  color: #ffffff !important;
}

switch.green[checked] .wx-switch-input,
/* switch[checked] .wx-switch-input, */
checkbox.green[checked] .wx-checkbox-input,
checkbox[checked] .wx-checkbox-input,
radio.green[checked] .wx-radio-input,
/* radio[checked] .wx-radio-input, */
switch.green.checked .uni-switch-input,
switch.checked .uni-switch-input,
checkbox.green.checked .uni-checkbox-input,
checkbox.checked .uni-checkbox-input,
radio.green.checked .uni-radio-input,
radio.checked .uni-radio-input {
  background-color: $theme !important;
  border-color: $theme !important;
  color: #ffffff !important;
  border-color: $theme !important;
}
// w-picker 加圆角
.w-picker .w-picker-cnt.visible {
    border-radius: 16rpx 16rpx 0px 0px !important;
    overflow: hidden!important;
}

// w-picker 标题栏高度
.w-picker .w-picker-header {
    height: 100rpx!important;
}

// w-picker 去掉山下边框线
.uni-picker-view-indicator::before {
    border-top: 1px solid transparent;
}

.uni-picker-view-indicator:after {
    border-bottom: 1px solid transparent;
}
uni-modal .uni-modal__bd{
    color: #333!important;
  }

.star{	//星星
	position: relative;
	display: flex;
	align-items: center;
	&::before{
		content: '*';
		position: absolute;
		left: -10px;
		top: 0.3em;
		color: #F65151;
		font-size: 32rpx;
		margin-right: 10rpx;
		vertical-align: sub;
		height: 14rpx;
	}
}
.form-scale{
	transform: scale(0.7);
}
.form-hidden{
    display: none;
}

 